var fn={
    width:$(window).width()/2,
    swiper:null,
    init:function () {
        $("header .title").click(function () {
            fn.menu()
        })
    },
    index:function () {
        var _width=$(".line-slide").width();
        var margin_right=parseFloat($(".line-slide").css("marginRight"));
        $(".case-name .text").text($(".swiper-slide").eq(0).find(".name").text());
        $(".line-swiper").width( ($(".banner .swiper-slide").length-1)*(_width+margin_right)+_width+"px");
        $(".line-slide").remove();
        $(".banner .swiper-slide").each(function () {
            var line=`<div class="line-slide" > <div></div></div>`;
            $(".line-swiper").append(line);
        });

        this.swiper= new Swiper('.swiper-container', {
            paginationClickable: true,
            autoplay : 3000,
            onSlideChangeStart:function (){
                var index=fn.swiper.activeIndex;
                $(".line-swiper").animate({
                    left:(fn.width-(_width+margin_right)*index)+"px"
                });
                $(".case-name .text").text($(".swiper-slide").eq(index).find(".name").text())
            }
        });
       /* $(".line-slide").each(function () {
            $(this).click(function () {
                var line_slide=$(this)
                var index=$(this).index();
                fn.swiper.slideTo(index)
                $(this).find("div").stop().animate({
                    left: "-75%",
                    width: "250%",
                    height: "250%",
                    top: '-75%'
                },500);
                setTimeout(function () {
                    line_slide.find("div").stop().animate({
                        left: "0%",
                        width: "100%",
                        height: "100%",
                        top: '0%'
                    })
                },500)
            });
        });*/
        $(".case-name").click(function (e) {
            fn.swiper.stopAutoplay();
            $(".btn").hide();
            fn.index_leave_animate();
            setTimeout(function () {
                window.location.href="productInfo.html"
            },1000)

        })

    },
    index_leave_animate:function () {
        $(".line-swiper,.case-name").removeClass("fadeInRightBig").addClass("fadeOutDownBig");

    },
    menu:function () {
        $(".menu").animate({
            left:"0"
        })
        setTimeout(function () {
            $(".menu .li_1").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },0);
        setTimeout(function () {
            $(".menu .li_2").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },100);
        setTimeout(function () {
            $(".menu .li_3").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },200);
        setTimeout(function () {
            $(".menu .li_4").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },300);
        $(".close_menu").click(function (e) {

            /*    $(".btn").show().css({
             'left': e.pageX - 18 + 'px',
             'top': e.pageY - 18 + 'px'
             });*/
            setTimeout(function () {
                $(".btn").hide();
                fn.menu_animate_leave();
            },500);

        });
    },
    menu_animate_leave:function () {
        //   fn.swiper.startAutoplay();
        setTimeout(function () {
            $(".menu .li_1").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },0);
        setTimeout(function () {
            $(".menu .li_2").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },100);
        setTimeout(function () {
            $(".menu .li_3").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },200);
        setTimeout(function () {
            $(".menu .li_4").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },300);
        $(".menu").animate({
            left:"-100%"
        },500)
    },
    productInfo:function () {

        $(window).scroll(function () {

            var scroll_top=$("body").scrollTop();
            console.log(scroll_top)
            if(scroll_top>50){
                $(".back-top").show()
            }else {
                $(".back-top").hide()
            }
        });
        $(".back-top").click(function () {
            $("body").animate({
                scrollTop:0
            })
        })
    },
    product:function () {
        $(".product-list").each(function () {
            var index=$(this).index();
            if(index%2==0){
                $(this).addClass("fadeInLeft")
            }else {
                $(this).addClass("fadeInRight")
            }
        })
    }
};
fn.init();
